<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://unpkg.com/@wu-component/web-core-plus@next"></script>
</head>
<body>
<div id="app">
    <div style="display: flex; align-items: center;justify-content: space-around;padding: 16px">
        <wu-plus-switch value="true" id="switchId"></wu-plus-switch>
    </div>
    <div style="display: flex; align-items: center;justify-content: space-around;padding: 16px">
        <wu-plus-switch value="true" id="switchId1" active-color="yellow" inactive-color="red"></wu-plus-switch>
    </div>
    <div style="display: flex; align-items: center;justify-content: space-around;padding: 16px">
        <wu-plus-switch value="false" disabled="true" id="switchId1"></wu-plus-switch>
    </div>
</div>
<script src="./dist/index.umd.js"></script>
</body>
</html>
<script>
    const dom = document.querySelector("#switchId");
    dom.addEventListener('change', (e) => {
        console.log(e);
    })
</script>
